//定义一个JS控制器 AMD require.js 模块化插件
//1、需要引入插件
//2、该控制器模块的业务逻辑
define(['jquery', 'bootstrap', 'backend', 'table', 'form'], function ($, undefined, Backend, Table, Form){
    // 定义一个控制器
    var Controller = {
        index:function(){
            
            // 初始化表格参数
            // 配置整个表格中增删改查请求控制器的地址，用的ajax情求
            Table.api.init({
                extend:{
                    index_url:'depot/supplier/index',//列表查询的控制器地址
                    add_url:'depot/supplier/add',
                    edit_url:'depot/supplier/edit',
                    del_url:'depot/supplier/del',
                    table:'depot_supplier'//表
                }
            });

            // 获取view视图中的dom元素
            var table = $("#table")

            // 渲染表格
            // $.ajax
            table.bootstrapTable({
                url:$.fn.bootstrapTable.defaults.extend.index_url, //请求地址
                toolbar:".toolbar", //工具栏
                pk:'id',//默认主键字段名
                sortName: 'createtime',
                sortOrder:'desc',//排序的方式
                // 渲染的数据部分
                columns:[
                    // 渲染的字段部分
                    {checkbox:true},
                    // operate通用搜索的操作符，sortable切换排序
                    {field:'id',title:'ID',operate:false,sortable:true},
                    {field:'name',title:__('SupplierName'),operate:'LIKE'},
                    {field:'mobile',title:__('Mobile'),operate:'LIKE'},
                    {
                        field:'createtime',
                        title:__('CreateTime'),
                        operate:'RANGE',
                        sortable:true,
                        addclass: 'datetimerange',
                        formatter:Table.api.formatter.datetime
                    },
                    {field:'province_text',title:__('Province'),operate:'LIKE'},

                    {field:'city_text',title:__('City'),operate:'LIKE'},
                    {field:'district_text',title:__('District'),operate:'LIKE'},
                    {field:'address',title:__('Address'),operate:'LIKE'},
                    
                    // 最后一排操作按钮
                    {
                        field:'operate',
                        title:__('Operate'),
                        table:table,
                        events:Table.api.events.operate,
                        formatter:Table.api.formatter.operate
                    }
                ]
            })
            // 为表格绑定事件
            Table.api.bindevent(table);


        },
        add:function(){

            // 选中地区事件处理
            $('#region').on('cp:updated',function(){
                var citypicker = $(this).data("citypicker");
                var code = citypicker.getCode("district") || citypicker.getCode("city") || citypicker.getCode("province");
                $("#region-code").val(code);
            })
            //给控制器绑定通用事件
            
            Controller.api.bindevent()
        },
        edit:function(){
            // 选中地区事件处理
            $('#region').on('cp:updated',function(){
                var citypicker = $(this).data("citypicker");
                var code = citypicker.getCode("district") || citypicker.getCode("city") || citypicker.getCode("province");
                $("#region-code").val(code);
            })
            Controller.api.bindevent();
        },
        del:function(){
            Controller.api.bindevent();
        },
        api: {
            //JS模块化的全局方法
            bindevent: function () 
            {
                Form.api.bindevent($("form[role=form]"));
            }
        }
    }
    //模块返回值
    return Controller
})